<template>
  <div>
    <van-nav-bar
      title="一公里商家"
      left-text="返回"
      left-arrow
      @click-left="onClickLeft"
    />

    <van-tabbar v-model="active" :fixed="false">
      <van-tabbar-item>全部</van-tabbar-item>
      <van-tabbar-item>超市</van-tabbar-item>
      <van-tabbar-item>便利店</van-tabbar-item>
      <van-tabbar-item>药店</van-tabbar-item>
    </van-tabbar>
    <van-card
      num="2"
      price="2.00"
      desc="描述信息"
      title="商品标题"
      thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
    />
    <van-card
      num="2"
      price="2.00"
      desc="描述信息"
      title="商品标题"
      thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
    />
  </div>
</template>
<script setup>
import { ref } from "vue";
const active = ref(0);
const onClickLeft = () => history.back();
</script>
<style>
</style>